<template>
    <div class="sale-item clearfix">
    <ul>
        <li v-for="(i,k) in listinfo" :key="k" class="clearfix">
            <img :src="i.img" alt="">
            <div class="text">
            <p>{{i.title}}</p>
                <p>  <Rate v-model="i.discount" />({{i.num}})</p>
            <p>销量 <span>{{i.num}}</span></p>
            </div>
        </li>
    </ul>
        <div style="clear: both"></div>
    </div>
</template>

<script>
    export default {
        name: "SaleItem",
        props:['listinfo'],
        data () {
            return {

            }
        }
    }
</script>

<style  lang="less">
    @import "../../style/style.less";
    .sale-item{
        li{
            margin-bottom: 20px;
        }
        img{
            width: 70px;
            height: 70px;
            border-radius: 50%;
            float: left;
        }
        .text{
            margin-left: 8px;
            float: left;
           p{
               font-size: 14px;
               font-weight: normal;
               font-stretch: normal;
               letter-spacing: 0px;
               color: #999999;
               span{
                   color: @theme-color-dark;
               }
           }
            .ivu-rate-star{
                margin-right: 0;
            }
        }
    }
</style>